﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zytop.css" />
		<link rel="stylesheet" type="text/css" href="css/dmhshop.css" />
		<link rel="stylesheet" type="text/css" href="css/zyfooter.css" />
		<style type="text/css">
			.qglist {
				display: none;
			}
			
			.qgtitle:hover .qglist {
				display: block;
			}
			

			#qg {
				border-bottom: 2px solid black;
			}
			/*头部样式*/
			/*内容*/
		</style>
	</head>

	<body>
		<div id="sc_top">
			<div id="qg">
				<div id="index_topbar">
					<div class="content">
						<p class="welcome">欢迎来到黑科技</p>
						<div class="menu">
							<a target="_blank" href="javascript:;" class="item">帮助中心</a>
							<span class="divi">|</span>
							<a href="javascript:;" class="item">我的订单</a>
							<span class="divi">|</span>
							<a id="gouwuche" class="item">购物车</a>
							<span class="divi">|</span>
							<a target="_blank" href="javascript:;" class="item">APP下载</a>
							<span class="divi">|</span>
							<a target="_blank" href="javascript:;" class="item">校园招聘</a>
						</div>
						<div class="login">
							<a  class="link">登录</a>
							<span class="divi">|</span>
							<a class="link">注册</a>
						</div>
					</div>
				</div>
				<!--top结束-->
				<div id="index_header">
					<a class="logo" href="javascript:;">
						<img src="img/zhuye/logo.jpg" />
					</a>
					<a class="slogan" href="javascript:;">
						<img src="img/zhuye/slogan1.png" />
					</a>
					<div id="searchbar">
						<span class="name">热门搜索:</span>
						<a href="javascript:;" class="item">小米</a>
						<div style="clear: both;"></div>
						<div class="searchinput">
							<input type="text" id="input" value="iphone6s 32GB" />
							<a href="javascript:;" id="btn">搜索</a>
						</div>
						<div style="clear: both;"></div>
						<a href="javascript:;" class="item">红米4</a>
						<a href="javascript:;" class="item">红米4A</a>
						<a href="javascript:;" class="item">三星s7edge</a>
						<a href="javascript:;" class="item">苹果7</a>
					</div>
				</div>
				<!--searchbar结束-->
				<div id="index_menu">
					<h2 class="title qgtitle">全部商品分类
					<ul class="list qglist">
					<li>
						<h2 class="phone1">手机专区</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">华为</a>
							<a href="javascript:;">苹果</a>
							<a href="javascript:;">三星</a>
							<a href="javascript:;">oppo</a>
						</p>
						<p>
							<a href="javascript:;">vivo</a>
							<a href="javascript:;">荣耀</a>
							<a href="javascript:;">魅族</a>
							<a href="javascript:;">小米</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">特色手机</p>
								<div class="nav">
									<a href="javascript:;">精品推荐</a>
									<a href="javascript:;">最新机型</a>
									<a href="javascript:;">热销千元</a>
									<a href="javascript:;">双卡双待</a>
									<a href="javascript:;">个性潮机</a>
									<a href="javascript:;">老人最爱</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">价格区间</p>
								<div class="nav">
									<a href="javascript:;">1-499</a>
									<a href="javascript:;">500-999</a>
									<a href="javascript:;">1000-1999</a>
									<a href="javascript:;">2000-2999</a>
									<a href="javascript:;">3000-3999</a>
									<a href="javascript:;">4000-4999</a>
									<a href="javascript:;">5000以上</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">网络制式</p>
								<div class="nav">
									<a href="javascript:;">4G全网通</a>
									<a href="javascript:;">移动联通双4G</a>
									<a href="javascript:;">移动4G</a>
									<a href="javascript:;">联通4G</a>
									<a href="javascript:;">电信4G</a>
									<a href="javascript:;">电信3G</a>
									<a href="javascript:;">2G（移动2G/联通2G）</a>
								</div>
							</li>
						</ul>
					</div>
					</li>
					<li>
						<h2 class="phone2">智能专区</h2>
						<div class="phonelist">
							<p>
								<a href="javascript:;">智能手表</a>
								<a href="javascript:;">智能手环</a>
								<a href="javascript:;">智能眼镜</a>
							</p>
							<p>
								<a href="javascript:;">智能机器人</a>
								<a href="javascript:;">无人机</a>
								<a href="javascript:;">投影仪</a>
							</p>
						</div>
						<div class="box">
							<div style="overflow: hidden;">
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
							</div>
							<ul>
								<li>
									<p class="kind">智能手表</p>
									<div class="nav">
										<a href="javascript:;">华为</a>
										<a href="javascript:;">小米</a>
										<a href="javascript:;">唯动</a>
										<a href="javascript:;">乐心</a>
										<a href="javascript:;">幻响</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">智能手环</p>
									<div class="nav">
										<a href="javascript:;">华为</a>
										<a href="javascript:;">摩托罗拉</a>
										<a href="javascript:;">小天才</a>
										<a href="javascript:;">三星</a>
										<a href="javascript:;">一米</a>
										<a href="javascript:;">葫芦娃</a>
										<a href="javascript:;">ticwatch</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">vr眼镜</p>
									<div class="nav">
										<a href="javascript:;">幻影</a>
										<a href="javascript:;">暴风魔镜</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">智能机器人</p>
									<div class="nav">
										<a href="javascript:;">小鱼在家</a>
										<a href="javascript:;">爱乐优</a>
										<a href="javascript:;">阿尔法</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">无人机</p>
									<div class="nav">
										<a href="javascript:;">拍若特</a>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<!---->
					<li>
						<h2 class="phone3">手机配件</h2>
						<div class="phonelist">
							<p>
								<a href="javascript:;">贴膜</a>
								<a href="javascript:;">保护套</a>
								<a href="javascript:;">电源</a>
								<a href="javascript:;">充电器</a>
							</p>
							<p>
								<a href="javascript:;">数据线</a>
								<a href="javascript:;">蓝牙耳机</a>
								<a href="javascript:;">手机耳机</a>
							</p>
						</div>
						<div class="box">
							<div style="overflow: hidden;">
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
							</div>
							<ul>
								<li>
									<p class="kind">熱搜配件</p>
									<div class="nav">
										<a href="javascript:;">保护套</a>
										<a href="javascript:;">移动电源</a>
										<a href="javascript:;">钢化膜</a>
										<a href="javascript:;">耳机</a>
										<a href="javascript:;">数据线</a>
										<a href="javascript:;">内存卡</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">保护类</p>
									<div class="nav">
										<a href="javascript:;">手机壳</a>
										<a href="javascript:;">手机贴膜</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">电源类</p>
									<div class="nav">
										<a href="javascript:;">充电线</a>
										<a href="javascript:;">充电宝</a>
										<a href="javascript:;">车充</a>
									</div>
								</li>
								<li>
									<p class="kind">音频类</p>
									<div class="nav">
										<a href="javascript:;">蓝牙耳机</a>
										<a href="javascript:;">运动耳机</a>
										<a href="javascript:;">入耳耳机</a>
										<a href="javascript:;">小米耳机</a>
										<a href="javascript:;">华为耳机</a>
										<a href="javascript:;">无线蓝牙耳机</a>
										<a href="javascript:;">音响</a>
									</div>
								</li>
								<li>
									<p class="kind">品牌推荐</p>
									<div class="nav">
										<a href="javascript:;">品胜</a>
										<a href="javascript:;">小米</a>
										<a href="javascript:;">闪迪</a>
										<a href="javascript:;">飞毛腿</a>
										<a href="javascript:;">三星</a>
										<a href="javascript:;">洛克</a>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<h2 class="phone4">平板专区</h2>
						<div class="phonelist">
							<p>
								<a href="javascript:;">华为</a>
								<a href="javascript:;">苹果</a>
								<a href="javascript:;">三星</a>
								<a href="javascript:;">小米</a>
							</p>
						</div>
						<div class="box">
							<div style="overflow: hidden;">
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
								<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
							</div>
							<ul>
								<li>
									<p class="kind">热门品牌</p>
									<div class="nav">
										<a href="javascript:;">苹果</a>
										<a href="javascript:;">小米</a>
										<a href="javascript:;">三星</a>
										<a href="javascript:;">华为</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">价格区间</p>
									<div class="nav">
										<a href="javascript:;">3000-3999</a>
										<a href="javascript:;">4000-4999</a>
										<a href="javascript:;">5000以上</a>
									</div>
								</li>
								<div style="clear: both;"></div>
								<li>
									<p class="kind">搜索热门</p>
									<div class="nav">
										<a href="javascript:;">苹果 ipad pro</a>
										<a href="javascript:;">苹果 ipad pro2</a>
										<a href="javascript:;">苹果ipad mini</a>
									</div>
								</li>
							</ul>
						</div>
					</li>
					</ul>
					</h2>
					<ul class="menu">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="dmhshop.html" style="color: #EA4235 ;">手机商城</a>
						</li>
						<li>
							<a href="peijianzhongxing.html">配件专区</a>
						</li>
						<li>
							<a href="zy_shangpin.html">黑科技</a>
						</li>
						<li>
							<a href="qianggou.html">限时抢购</a>
						</li>
						<li>
							<a href="zy_help.html">帮助中心</a>
						</li>
					</ul>
					<div style="clear: both;"></div>

				</div>
			</div>
		</div>
		<div id="sc_big">
			<!--楼层-->
			<div id="sc_louceng">
				<a>特价</a>
				<a>华为</a>
				<a>oppo</a>
				<a>苹果</a>
				<a>小米</a>
			</div>
			<!--<div id="sc_main">-->
			<!--爆款手机-->
			<div id="sc_bk">
				<h3>爆款特价<span>汇聚当前市面热销的爆款机型让价给您</span></h3>
				<div class="sc_ulbox">
					<ul class="sc_ul">
						<!--商品li样板-->
						<!--<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img src="img/dmhshop/sc_X170221144239513365.jpg" />
								</div>
								<p class="sc_li_pa"> 小米 MIX 256GB 存储 黑金陶瓷 4G全网通</p>
								<p class="sc_li_pb"> 6.4英寸全面屏概念手机，陶瓷声学系统！稀缺货源</p>
								<p class="sc_li_pc">￥<span>4386.00</span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"> 小米 MIX 256GB 存储 黑金陶瓷 4G全网通</p>
										<p class="sc_li_pb"> 6.4英寸全面屏概念手机，陶瓷声学系统！稀缺货源！</p>
									</div>
								</div>
							</a>
						</li>-->
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--F1华为-->
			<div id="sc_huawei" class="sc_hitem sc_coloa clear">
				<h3 class="sc_h3 sc_coloa_a clear">
						<span class="sc_h3_a">F1</span>
						<span class="sc_h3_b">华为专区</span>
						<span class="sc_h3_c sc_coloa_c">更好的连接世界</span>
					</h3>
				<div class="sc_ulbox clear">
					<ul class="sc_ul clear">
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<div class="clear">
					</div>
				</div>
			</div>
			<!--F2oppo-->
			<div id="sc_oppo" class="sc_hitem sc_colob clear">
				<h3 class="sc_h3 sc_colob_a clear">
						<span class="sc_h3_a ">F2</span>
						<span class="sc_h3_b">OPPO专区</span>
						<span class="sc_h3_c sc_colob_c">照亮你的美</span>
					</h3>
				<div class="sc_ulbox">
					<ul class="sc_ul clear">
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="clear">
				</div>
			</div>
			<!--F3苹果-->
			<div id="sc_iphone" class="sc_hitem sc_coloc clear">
				<h3 class="sc_h3 sc_coloc_a clear">
						<span class="sc_h3_a ">F3</span>
						<span class="sc_h3_b">苹果专区</span>
						<span class="sc_h3_c sc_coloc_c">iPhone年年换新机</span>
					</h3>
				<div class="sc_ulbox">
					<ul class="sc_ul clear">
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<div class="clear">

					</div>
				</div>

			</div>
			<!--F4小米-->
			<div id="sc_xiaomi" class="sc_hitem sc_colod clear">
				<h3 class="sc_h3 sc_colod_a clear">
						<span class="sc_h3_a ">F4</span>
						<span class="sc_h3_b">小米专区</span>
						<span class="sc_h3_c sc_colod_c">为发烧而生</span>
					</h3>
				<div class="sc_ulbox">
					<ul class="sc_ul clear">
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="sc_imgbox">
									<img />
								</div>
								<p class="sc_li_pa"></p>
								<p class="sc_li_pb"></p>
								<p class="sc_li_pc">￥<span></span><span class="sc_text">立即抢购</span></p>
								<div class="sc_hide">
									<div class="sc_hidebox">
										<p class="sc_hidepa"></p>
										<p class="sc_li_pb"></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<div class="clear">
					</div>
				</div>
			</div>
			<!--</div>-->
		</div>
		<!--footer-->
		<div class="footer">
			<div class="footer_div1">
				<div class="footer_div1_top">
					<a href="javascript:;"><img src="img/footer/fuwu01.jpg" width="256" height="97" class="_top_a"></a>
					<a href="javascript:;"><img src="img/footer/fuwu02.jpg" width="214" height="97" class="_top_a"></a>
					<a href="javascript:;"><img src="img/footer/fuwu03.jpg" width="205" height="97" class="_top_a"></a>
					<a href="javascript:;"><img src="img/footer/fuwu04.jpg" width="254" height="97" class="_top_a"></a>
					<a href="javascript:;"><img src="img/footer/fuwu05.jpg" width="237" height="97" class="_top_a"></a>
				</div>
				<div class="clear"></div>
				<div class="footer_div1_bottom">
					<dl class="footer_div1_bottom_left">
						<dt>购物指南</dt>
						<dd>
							<a href="javascript:;">购物流程</a>
						</dd>
						<dd>
							<a href="javascript:;">会员介绍</a>
						</dd>
						<dd>
							<a href="javascript:;">常见问题</a>
						</dd>
						<dd>
							<a href="javascript:;">联系客服</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>支付方式</dt>
						<dd>
							<a href="javascript:;">快捷支付</a>
						</dd>
						<dd>
							<a href="javascript:;">分期付款</a>
						</dd>
						<dd>
							<a href="javascript:;">货到付款</a>
						</dd>
						<dd>
							<a href="javascript:;">门店支付</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>物流配送</dt>
						<dd>
							<a href="javascript:;">到店自提</a>
						</dd>
						<dd>
							<a href="javascript:;">送货上门</a>
						</dd>
						<dd>
							<a href="javascript:;">物流查询</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>售后服务</dt>
						<dd>
							<a href="javascript:;">退换货流程</a>
						</dd>
						<dd>
							<a href="javascript:;">退款说明</a>
						</dd>
						<dd>
							<a href="javascript:;">退换货申请</a>
						</dd>
						<dd>
							<a href="javascript:;">预约维修</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>心服务</dt>
						<dd>
							<a href="javascript:;">投诉奖励</a>
						</dd>
						<dd>
							<a href="javascript:;">交通补助</a>
						</dd>
						<dd>
							<a href="javascript:;">十大免费</a>
						</dd>
					</dl>
					<div class="footer_div1_bottom_right">
						<div class="footer_div1_bottom_right_img"><img src="img/footer/quanguomendian_icon.png"></div>
						<strong id="footer_str_strong">身边黑科技</strong>
						<p id="p_p1">全国300个城市3000家门店为您提供最贴心的服务！</p>
						<div id="btn_n1"></div>
					</div>
					<div class="clear"></div>
				</div>

			</div>
			<div id="footer_last">
				<div class="footer_div2">
					<div id="footer_div2_top">
						<ul id="footer_div2_ul">
							<li>
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">联系我们</a>
							</li>
							<li>
								<a href="javascript:;">品牌专区</a>
							</li>
							<li>
								<a href="javascript:;">友情链接</a>
							</li>
							<li>
								<a href="javascript:;">迪粉社区</a>
							</li>
							<li id="lis">
								<a href="javascript:;">投诉建议</a>
							</li>
						</ul>
						<div class="clear"></div>
						<p>全国服务热线：400-700-8800 </p>
						<p>商务合作: jiaxiao@dixintong.com</p>
						<p id="last_p">Powered by DiXinTong©2001-2015京ICP备11010605号©2001-2015 DiXinTong Inc. 北京黑科技商贸股份有限公司</p>
					</div>
					<div id="erweima">
						<div id="ewm-z">
						</div>
						<div id="ewm_y">
							<p class="p1">黑科技客户端</p>
							<p class="p2">移动生活，私人订制</p>
							<div id="btn_n2">APP下载</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/av/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var currentUser;
			$(function() {
				init();
				currentUser = AV.User.current();      //判断用户是否登录
				panduan()
				tianjia();		
			})
			


			function tianjia() {
				query = new AV.Query('Dingmh');
				//				query.equalTo("class","oppo");
				//				query.find().then(function(results) {
				//				console.log(results);
				//				});
				query.find().then(function(products) {
					// 查询到商品后，在前端展示到相应的位置中。
					console.log(products);
					var ip = -1;
					var xm = -1;
					var hw = -1;
					var op = -1;
					var xh;
					for(var i = 0; i < products.length; i++) {
						var $ul;
						if(products[i].attributes.class == "huawei") {
							$ul = $("#sc_huawei");
							hw++;
							xh = hw;
						} else if(products[i].attributes.class == "oppo") {
							$ul = $("#sc_oppo");
							op++;
							xh = op;
						} else if(products[i].attributes.class == "iphone") {
							$ul = $("#sc_iphone");
							ip++;
							xh = ip;
						} else if(products[i].attributes.class == "xiaomi") {
							$ul = $("#sc_xiaomi");
							xm++;
							xh = xm;
						}
						//						var $li = $("<li><a  href='dmhxq.html?id="+products[i].attributes.bianhao+"'><div class='sc_imgbox'><img src=" + products[i].attributes.img[0] + "></div><p class='sc_li_pa'>" + products[i].attributes.name + "</p><p class='sc_li_pb'>" + products[i].attributes.name2 + "</p><p class='sc_li_pc'>￥<span>" + products[i].attributes.jiage[0] + "</span><span class='sc_text'>立即抢购</span></p><div class='sc_hide'><div class='sc_hidebox'><p class='sc_hidepa'>" + products[i].attributes.name + "</p><p class='sc_li_pb'>" + products[i].attributes.name2 + "</p></div></div></a></li>");
						var $li = $ul.find("ul li").eq(xh);
						$li.find("a").attr("href", "dmhxq.html?id=" + products[i].attributes.bianhao)
						$li.find("img").attr("src", products[i].attributes.img[0]);
						$li.find(".sc_li_pa,.sc_hidepa").html(products[i].attributes.name);
						$li.find(".sc_li_pb").html(products[i].attributes.name2);
						$li.find(".sc_li_pc span:eq(0)").html(products[i].attributes.jiage[0]);
					}
					$("#sc_bk").find("li").each(function(i) {
						var num1 = parseInt(i / 2);
						var num2 = i % 2;
						$(this).html($(".sc_ul").eq(num1 + 1).find("li").eq(num2).html());
					})
				}).catch(function(error) {
					console.log("查询失败")
					console.log(JSON.stringify(error));
				});
			}
			//鼠标移至li
			$(".sc_ul").on("mouseover", "li", function() {
					$(this).find(".sc_hide").addClass("showa");
				}).on("mouseleave", "li", function() {
					$(this).find(".sc_hide").removeClass("showa");
				})
				//楼层是否显示
			$(window).resize(function() {
				if($(window).width() < 1300) {
					$("#sc_louceng").css("display", "none");
				} else {
					$("#sc_louceng").css("display", "block");
				}
			});
			//楼层移动
			$("#sc_louceng a").click(function() {
				$("#sc_louceng a").removeClass("adianji");
				$(this).addClass("adianji");
			})
			$(window).scroll(function() {
				var $hideh = $(window).scrollTop();
				var $top = $("#sc_bk").offset().top;
				if($top - $hideh < 10 && $(window).width() >= 1300) {
					$("#sc_louceng").css("display", "block");
					panduan1();
				} else {
					$("#sc_louceng").css("display", "none")
				}
			})

			function panduan1() {
				var $div = $("#sc_big>div:gt(0)");
				var $hideh = $(window).scrollTop();
				for(var i = 0; i < $div.length; i++) {
					var $ndiv = $($div[i]);
					var $h = $ndiv.offset().top;
					if($h - $hideh < 150) {
						$("#sc_louceng a").removeClass("adianji");
						$("#sc_louceng :eq(" + i + ")").addClass("adianji");
					}
				}
			}
			//楼层点击
			var $a = $("#sc_louceng a");
			var $div = $("#sc_big>div:gt(0)");
			for(var i = 0; i < $a.length; i++) {
				(function(x) {
					$($a[x]).click(function() {
						var $h = $($div[x]).offset().top;
						$("body,html").animate({
							scrollTop: $h + "px"
						}, 500);
					})
				})(i)
			}
			//从云端获取首页的数据
			function getPageUrl() {
				var index = location.pathname.lastIndexOf("/") //获取当前页面
				var ret = location.pathname.substr(index + 1)
				return escape(ret)
			}
		</script>
	</body>

</html>